<template>
    <div>
        <div class="col-lg-12 col-md-12 col-sm-12" style="height: 50px">
            <div style="float:right;" id="logind">
                <a href="/rigister">注册</a>
                <a href="/login">登陆</a>
            </div>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12">
            <div class="col-lg-1 col-md-1 col-sm-1"></div>
            <div class="col-lg-10 col-md-10 col-sm-10" style="height:80px;background: #F45B4B;">
                <div class="col-lg-2 col-md-4" style="color: white;position: absolute;top: 20px;font-size: 1.6em">
                    梦想改造家
                </div>
                <div class="col-lg-7 col-md-6 main-menu-big"></div>
                <div class="col-lg-1 col-md-1 col-sm-1 main-menu-big" style="padding-left: 0 !important">
                    <a href="/" style="color: white;padding: 0">首页</a>
                </div>
                <div class="col-lg-1 col-md-1 col-sm-1 main-menu-big" style="padding-left: 0 !important">
                    <a href="/fitment_company" style="color: white;">装修公司</a>
                </div>
                <div class="col-lg-1 col-md-1 col-sm-1 main-menu-big" style="padding-left: 0 !important">
                    <a href="/fitment_advisor" style="color: white;">装修顾问</a>
                </div>
                <div class="col-lg-1 col-md-1 col-sm-1 main-menu-big" style="padding-left: 0 !important">
                    <a href="/furniture_mall" style="color: white;">家具商城</a>
                </div>
                <div class="col-lg-1 col-md-1 col-sm-1 main-menu-big" style="padding-left: 0 !important">
                    <a href="/user_center" style="color: white;">个人中心</a>
                </div>
                <div class="col-lg-4 col-md-12 text-right main-menu-sm">
                    <a id="show_menu" v-on:click="showMenu"><span class="glyphicon glyphicon-align-justify"></span></a>
                </div>
            </div>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12" style="z-index: 999;">
            <div class="col-lg-1 col-md-1 col-sm-1"></div>
            <div class="col-lg-10 col-md-10 col-sm-10" id="menu_sm" style="background: white;border: solid 1px #bcbcbc;display: none">
                <h4 style="color: #8f8f8f;"><a href="/">首页</a></h4>
                <h4 style="color: #8f8f8f;"><a href="/fitment_company">装修公司</a></h4>
                <h4 style="color: #8f8f8f;"><a href="/fitment_advisor">装修顾问</a></h4>
                <h4 style="color: #8f8f8f;"><a href="/furniture_mall">家具商城</a></h4>
                <h4 style="color: #8f8f8f;"><a href="/user_center">个人中心</a></h4>
            </div>
        </div>
        <div class="col-lg-12 col-md-12 col-sm-12" style="height: 50px"></div>
    </div>
</template>
<style>

</style>
<script>
    import cook from '../../../../tools/cookies'
    export default{
        data(){
            return{
                msg:'hello vue'
            }
        },
        components:{

        },
        methods: {
            showMenu: function(){
                $('#menu_sm').toggle(500);
            }
        },
        mounted(){
            if(sessionStorage.getItem('user')){
                 $('#logind').hide();
            }else{
                $('#logind').show();
            }
        }
    }
</script>
